﻿/*** 通用CSS ***/

/* 消失和隐藏 */
.jf-disappear{
    display:none;
}
.jf-hide{
    visibility:hidden;
}
/* 字体颜色 */
.jf-red{
    color:red;
}
.jf-black {
    color: black;
}
/* 背景色 */
.jf-bg-primary {
    background-color: #34495E;
    color: #fff;
}
.jf-bg-info{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.jf-bg-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.jf-bg-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.jf-bg-white {
    background-color: #fff;
    color: #333;
}

/* 浮动 */
.jf-right {
    float: right;
}

.jf-left {
    float: left;
}

/* margin */
.jf-margin-off {
    margin: 0;
}

.jf-margin-1 {
    margin: 1px;
}

.jf-margin-5 {
    margin: 5px;
}
.jf-margin-right-10{
    margin-right:10px;
}
.jf-margin-left-10{
    margin-left:10px;
}
.jf-margin-top-5{
    margin-top:5px;
}
.jf-margin-top-10{
    margin-top:10px;
}
.jf-margin-bottom-5{
    margin-bottom:5px;
}
.jf-margin-bottom-10{
    margin-bottom:10px;
}